.tm-accessibility {
  position: relative;
  .res_normal{
    color: #52c41a;
    position: relative;
    padding-left: 16px;
    &::after{
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 8px;
      height: 8px;
      background-color: #52c41a;
      border-radius: 50%;
    }
  }
  .res_error{
    color: #f04038;
    position: relative;
    padding-left: 16px;
    &::after{
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 8px;
      height: 8px;
      background-color: #f04038;
      border-radius: 50%;
    }
  }
  .state {
    display: flex;
    position: relative;
    margin-top: 20px;
    .accessiable-site,
    .accessiable-unusual {
      flex: 1 1 50%;
      .content{
          height: 280px;
      }
    }
    .accessiable-unusual{
        margin-left: 24px;
    }
  }
  .detail-list{
      margin-top: 24px;
      padding: 24px;
      background-color: #ffffff;
  }
  .condition {
    font-size: 14px;
    text-align: right;
    .ant-select {
      margin-left: 24px;
      min-width: 174px;
    }
    .targetName{
        margin-right: 1rem;
    }
  }
  .vul-site-list {
    margin-top: 24px;
    .stablewidthsm{
      width: 120px;
    } 
  }
  .hrefName{
    color: #0b6fd6;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .targetName {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.main-color {
  color: #0b6fd6;
  &:hover {
    color: #0b6fd6;
  }
}
.tm-accessibility .state {
  :global {
    .tl-card-wrapper .title {
      font-size: 14px !important;
      font-weight: bold !important;
    }
  }
}